<div id="app" :class="[domClass, themeClass]">
  <baseHeader v-if="notLogin"></baseHeader>
  <div class="app-body">
    <baseMenu v-if="notLogin"></baseMenu>
    <!-- activity component view -->
    <page-transition :name="pageTransitionName" :class="{'login-page': !notLogin}">
      <keep-alive :include="cachePages">
        <component :is="activePage" class="main-page" :class="{'mini-page': isCollapse, 'nomenu-page': noMenu}">
          <!-- inactive components will be cached! -->
        </component>
      </keep-alive>
    </page-transition>
    <!-- frame component view -->
    <router-view></router-view>
  </div>
</div>
